<!-- 这个我们这个项目的html代码 -->
<!DOCTYPE html>
<html>
 
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta charset="utf-8" />
    <title>酒店预订,机票预订查询,旅游度假-携程旅行网无线版官网</title>
    <!-- 将common.css和main.css两个CSS文件引入HTML文档中 -->
    <link href="css/common.css" rel="stylesheet" type="text/css" media="screen" />
    <link href="css/main.css" rel="stylesheet" type="text/css" media="screen" />
 
</head>
 
<body>
    <header>
        <div class="img-item  img-size">
            <!-- <a>标签是 HTML 中常用的链接标记，它用于在网页中创建链接/锚点。该标记包含 href 属性，用于指定链接的目标地址。 ，这里为#意思是空路径-->
            <a href="#"><img src="images/006.jpg" title="携程旅行" /></a>
        </div>
    </header>
    <!-- <nav> 标签表示页面的导航部分，可以使用无序列表（<ul>）或有序列表（<ol>）来创建链接列表 -->
    <nav>
        <ul class="nav-list">
            <li class="nav-flight">
                <h2><a title="机票" href="#">机票</a></h2>
            </li>
            <li class="nav-train">
                <h2><a title="火车票" href="#">火车票</a></h2>
            </li>
            <li class="nav-car">
                <h2><a title="用车" href="#">用车</a></h2>
            </li>
            <li class="nav-hotel">
                <h2><a title="酒店" href="#">酒店</a></h2>
            </li>
            <li class="nav-fortun">
                <h2><a title="财富中心" href="#">财富中心</a></h2>
            </li>
            <li class="nav-strategy">
                <h2><a title="攻略" href="#">攻略</a></h2>
            </li>
            <li class="nav-trip">
                <h2><a title="旅游" href="#">旅游</a></h2>
            </li>
            <li class="nav-ticket">
                <h2><a title="门票" href="#">门票</a></h2>
            </li>
            <li class="nav-week">
                <h2><a title="周末游" href="#">周末游</a></h2>
            </li>
        </ul>
    </nav>
 
    <footer class="tool-box">
        <div class="tool-cn">
            <!-- href属性使用了"tel:"协议，表示该链接可以呼叫电话号码。具体来说，当用户点击该链接时，设备会启动拨号界面，并自动输入电话号。 -->
            <a href="tel:4000086666" class="link-tel">400 008 6666</a>
            <a href="#" class="link-down">下载客户端</a>
            <a href="#" class="link-mc">我的携程</a>
        </div>
        <div class="tool-ver">
            <a href="#" class="english">ENGLISH</a>
            <a href="#" class="computer">电脑版</a>
            <a href="#" class="wap">意见反馈</a>
        </div>
        <!-- &copy这是HTML实体字符，表示版权符号"©" -->
        <p>&copy;<label id="label1">2014</label>携程旅行</p>
    </footer>
 
    <aside class="c_pop_wrap">
        <!-- 这段代码是为网站添加一种交互式外观设计，通过使用 HTML 和 CSS 元素来创建一个简单的侧边面板 -->
        <div class="c_pop">
            <!-- i 标签，这个标签通常用于添加箭头或三角形图标，以便示意某个元素具有下拉菜单、弹出窗口或某些行为 -->
            <i class="c_pop_trigon"></i>
            <div class="c_pop_cont"> 单击下方图标，选择“添加至主屏幕”</div>
        </div>
    </aside>
</body>
 
</html>
